<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Work Portal - Alta ERP</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <base href="http://develop.altamedia.vn:8990/salesupport_test/" >
    <!-- Le styles -->



    <link rel="stylesheet" href="<?php echo base_url('public/theme/'.T); ?>/css/jquery-ui.css" media="all">
    <link rel="stylesheet" href="<?php echo base_url('public/theme/'.T); ?>/css/bootstrap.css" media="all">
    <link rel="stylesheet" href="<?php echo base_url('public/theme/'.T); ?>/css/style.css" media="all">
    <link rel="stylesheet" href="<?php echo base_url('public/theme/'.T); ?>/css/loader-style.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/theme/'.T); ?>/js/progress-bar/number-pb.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/theme/'.T); ?>/css/jquery.gantt.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/theme/'.T); ?>/css/jquery.toastr.css">
    
     <link rel="stylesheet" href="<?php echo base_url('public/theme/'.T); ?>/css/extra-pages.css">
     <link rel="stylesheet" href="<?php echo base_url('public/theme/'.T); ?>/css/chosen.css">

<link rel="stylesheet" href="<?php echo base_url('public/theme/'.T); ?>/css/jquery.mCustomScrollbar.css" type="text/css" />
   <!--  <link href="<?php echo base_url('public/theme/'.T); ?>/js/colorPicker/bootstrap-colorpicker.css" rel="stylesheet"> -->
    <link href="<?php echo base_url('public/theme/'.T); ?>/js/validate/validate.css" rel="stylesheet">
    <link href="<?php echo base_url('public/theme/'.T); ?>/js/idealform/css/jquery.idealforms.css" rel="stylesheet">

   <!-- <link rel="stylesheet" href="<?php echo base_url('public/theme/'.T); ?>/js/timepicker/bootstrap-timepicker.css">
    <link rel="stylesheet" href="<?php echo base_url('public/theme/'.T); ?>/js/datepicker/datepicker.css"> -->
    <link rel="stylesheet" href="<?php echo base_url('public/theme/'.T); ?>/js/datepicker/clockface.css">
<!--<link rel="stylesheet" href="<?php echo base_url('public/theme/'.T); ?>/js/datepicker/bootstrap-datetimepicker.css">-->



    <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/theme/'.T); ?>/js/tag/jquery.tagsinput.css">
    <link rel="stylesheet" href="<?php echo base_url('public/theme/'.T); ?>/css/tinyscrollbar.css" type="text/css" media="screen"/>

    
    
    <!--<link rel="stylesheet" href="<?php echo base_url(); ?>css/app.v1.css" type="text/css" />-->
<link rel="stylesheet" href="<?php echo base_url(); ?>css/editable.css" type="text/css" />
<script type="text/javascript">
    var MAIN_URL = '<?php echo base_url(); ?>';
</script>

<link rel="stylesheet" href="<?php echo base_url(); ?>css/bootstrap-datepicker.css" type="text/css" />
<link rel="stylesheet" href="<?php echo base_url(); ?>css/jquery.timepicker.css" type="text/css" />
<link rel="stylesheet" href="<?php echo base_url(); ?>js/chosen/chosen.css" type="text/css" />
 <link rel="stylesheet" href="<?php echo base_url(); ?>css/uploadify.css" type="text/css" />
<link rel="stylesheet" href="<?php echo base_url(); ?>css/jquery.fancybox.css" type="text/css" />
<!-- <link rel="stylesheet" href="<?php echo base_url(); ?>css/buttons.css" type="text/css" /> -->
<!-- <script src="<?php echo base_url(); ?>js/app.v1.js"></script> -->
     

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="assets/ico/minus.png">

    <script type="text/javascript" src="<?php echo base_url('public/theme/'.T); ?>/js/jquery.min.js"></script>
</head>

<body>
    <!-- TOP NAVBAR -->
    <nav role="navigation" class="navbar navbar-static-top">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle" type="button">
                    <span class="entypo-menu"></span>
                </button>

                <div id="logo-mobile" class="visible-xs">
                   <h1>BMS<span>v2.0</span></h1>
                </div>

            </div>


            <!-- Collect the nav links, forms, and other content for toggling -->
            <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="dropdown">
                        <a href="#usercp_msg"><i style="font-size:20px;" class="icon-conversation"></i><div id="noti_msg"></div></a>
                    </li>
                    <li>
                        <a href="#request_list&status=0"><i style="font-size:19px;" class="icon-warning tooltitle"></i><div id="noti_warning"></div></a>
                    </li>

                </ul>
                <div id="nt-title-container" class="navbar-left running-text visible-lg">
                    <ul class="date-top">
                        <li class="qt-time1" style="margin-right:5px"></li>
                        <li id="Date"></li>
                    </ul>

                    <!--
                    <ul id="nt-title">
                        <li><i class="wi-day-lightning"></i>&#160;&#160;Berlin&#160;
                            <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                        </li>
                        <li><i class="wi-day-lightning"></i>&#160;&#160;Yogyakarta&#160;
                            <b>85</b><i class="wi-fahrenheit"></i>&#160;; Tonight- 72 °F (22.2 °C)
                        </li>

                        <li><i class="wi-day-lightning"></i>&#160;&#160;Sttugart&#160;
                            <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                        </li>

                        <li><i class="wi-day-lightning"></i>&#160;&#160;Muchen&#160;
                            <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                        </li>

                        <li><i class="wi-day-lightning"></i>&#160;&#160;Frankurt&#160;
                            <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                        </li>

                    </ul>
                    -->
                </div>

                <ul style="margin-right:0;" class="nav navbar-nav navbar-right">
                    <li>
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <img alt="" class="admin-pic img-circle" src="http://api.randomuser.me/portraits/thumb/men/10.jpg">Hi abc, <?php //echo $_SESSION['userFullname'];?> <b class="caret"></b>
                        </a>
                        <ul style="margin-top:14px;" role="menu" class="dropdown-setting dropdown-menu">
                            <li>
                                <a href="#usercp_view">
                                <span class="aicon-user_detail"></span>&#160;&#160;Thông tin Cá nhân</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="#logout">
                                <span class="entypo-logout"></span>&#160;&#160;Thoát</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="icon-gear"></span>&#160;&#160;Thiết lập</a>
                        <ul role="menu" class="dropdown-setting dropdown-menu">

                            <li class="theme-bg">
                                <div id="button-bg"></div>
                                <div id="button-bg2"></div>
                                <div id="button-bg3"></div>
                                <div id="button-bg5"></div>
                                <div id="button-bg6"></div>
                                <div id="button-bg7"></div>
                                <div id="button-bg8"></div>
                                <div id="button-bg9"></div>
                                <div id="button-bg10"></div>
                                <div id="button-bg11"></div>
                                <div id="button-bg12"></div>
                                <div id="button-bg13"></div>
                            </li>
                        </ul>
                    </li>
                </ul>

            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- /END OF TOP NAVBAR -->

    <!-- SIDE MENU -->
    <div id="skin-select">
        <div id="logo">
            <h1 style="margin: 30px 0px 0px 25px;"><img src="<?php echo base_url('public/theme/'.T); ?>/images/logo.png" /></h1>
            <a id="toggle">
                <span class="entypo-menu"></span>
            </a>    
            <img src="<?php echo base_url('public/theme/'.T); ?>/images/logo1.png" />
        </div>
        <div class="skin-part">
            <div id="tree-wrap">
                <div class="side-bar">
                    <ul class="topnav menu-left-nest">
                        <li>
                            <a class="tooltip-tip ajax-load" href="<?php echo base_url('timeline'); ?>" title="TIMELINE">
                                <i style="color: #ff6700;" class="qt-network"></i>
                                <span style="color: #ff6700; font-weight: bold; font-size: 16px; top: 2px;">TIMELINE</span>
                            </a>
                        </li>
                    </ul>

                    <ul id="menu-showhide" class="topnav menu-left-nest">
                        <li>
                            <a href="javascript:;" style="border-left:0px solid!important;" class="title-menu-left">
                                <span>QUẢN LÝ KHÁCH HÀNG</span>
                                <i data-toggle="tooltip" class="qt-group pull-right config-wrap"></i>
                            </a>
                        </li>

                        <li>
                            <a class="tooltip-tip ajax-load" href="companies" title="Danh sách khách hàng">
                                <i class="qt-book-user"></i>
                                <span>DANH SÁCH KHÁCH HÀNG</span>
                            </a>
                        </li>

                        <li>
                            <a class="tooltip-tip ajax-load" href="customer/add/" title="Tạo khách hàng">
                                <i class="qt-add-user"></i>
                                <span>TẠO KHÁCH HÀNG</span>
                            </a>
                        </li>
                    </ul>

                    <ul id="menu-showhide" class="topnav menu-left-nest">
                        <li>
                            <a href="javascript:;" style="border-left:0px solid!important;" class="title-menu-left">

                                <span>QUẢN LÝ TRÙNG LẬP</span>
                                <i data-toggle="tooltip" class="qt-cam pull-right config-wrap"></i>
                            </a>
                        </li>


                        <li>
                            <a class="tooltip-tip ajax-load" href="javascript:;" title="Danh sách trùng lập">
                                <i class="qt-user-cam"></i>
                                <span>DANH SÁCH TRÙNG LẬP</span>
                            </a>
                        </li>
                       
                    </ul>
                    
                    <ul id="menu-showhide" class="topnav menu-left-nest">
                        <li>
                            <a href="javascript:;" style="border-left:0px solid!important;" class="title-menu-left">

                                <span>QUẢN LÝ LỊCH SỬ</span>
                                <i data-toggle="tooltip" class="qt-clock pull-right config-wrap"></i>
                            </a>
                        </li>


                        <li>
                            <a class="tooltip-tip ajax-load" href="<?php echo base_url('history'); ?>" title="Danh sách lịch sử">
                                <i class="qt-book"></i>
                                <span>DANH SÁCH LỊCH SỬ</span>
                            </a>
                        </li>
                       
                    </ul>

                </div>
            </div>
        </div>
    </div>
    <!-- END OF SIDE MENU -->